<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>属性绑定和数据双向绑定</title>
	<script src="./vue.js"></script>
</head>
<body>
	<!-- 属性绑定模板指定v-bind 或者简写 : -->
	<div id="root">
		<!-- 属性绑定 -->
		<div v-bind:title="title">hello,world</div>
		<!-- 双向绑定 v-model :value 单向绑定-->
		<input v-model="content"/>
		<div>{{content}}</div>
	</div>

	<script>
		new Vue({
			el: '#root',
			data: {
				title: 'this is hello world!',
				content:"this a content"
			}
		})
	</script>
</body>
</html>